.ac-all {
    display: flex;
    height: 100%;

    .left-1 {
        flex: 1;
    }

    .left-4 {
        // flex: 0.4;
        flex: 1.4;
    }

    .center {
        width: var(--space);
    }

    .right-6 {
        flex: 1.6;
        // padding-bottom: 40px;
    }

    .right-1 {
        flex: 1;
        // padding-bottom: 40px;
    }
}


.i-navs {
    display: flex;
    border-bottom: solid 1px #2d3338;
    position: relative;
    background-color: var(--card);
    height: 35px;
    padding: 0 var(--row-space) 0 var(--row-space);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-2);

    .i-nav {
        position: relative;
        font-size: 16px;
        color: var(--color-2);
    }
}

.tb-lists {
    position: relative;
    background-color: var(--card);
    height: calc(100% - 38px);
}

@media screen and (max-width: 1600px){
    .ac-all {
        display: flex;
        flex-direction: column;
        .left-1 {
            flex: none;
            // height: 480px;
            // margin-bottom: 10px;
        }
        .right-1 {
            flex: none;
            // height:400px;
            padding-bottom: 40px;
        }
        .left-4 {
            flex: 1.4;
        }   
        .right-6 {
            flex: 1.6;
            padding-bottom: 40px;
        }
        .center {
           width: 100%;
           height: var(--space);
        }
    }
    .tb-lists {
        height: 480px;
        margin-bottom: 10px;
    }
}